{extend name="admin@public/base" /}
{block name="main-content"}
<link rel="stylesheet" type="text/css" href="__PUBLIC__/jQuery-Validation-Engine-2.6.2-ciaoca/css/validationEngine.jquery.css">
<script type="text/javascript" src="__PUBLIC__/jQuery-Validation-Engine-2.6.2-ciaoca/js/jquery.validationEngine-zh_CN.js"></script>
<script type="text/javascript" src="__PUBLIC__/jQuery-Validation-Engine-2.6.2-ciaoca/js/jquery.validationEngine.min.js"></script>
<div class="page-content">
    <!--主题-->
    <div class="page-header">
        <h1>
            您当前操作
            <small>
                <i class="ace-icon fa fa-angle-double-right"></i>
                添加权限菜单
            </small>
        </h1>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <form class="form-horizontal ajaxForm" name="admin_rule_copy" method="post" action="{:url('admin/Sys/admin_rule_runadd')}">
                <div class="form-group">
                    <label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 父级权限： </label>
                    <div class="col-sm-9">
                        <select name="pid"  class="col-xs-10 col-sm-5 validate[required]">
                            <option value="0">--默认顶级--</option>
                            {foreach name="admin_rule" item="v"}
                            <option value="{$v.id}" {if condition="$v['id'] eq $pid"}selected{/if}>{$v.lefthtml}{$v.title}</option>
                            {/foreach}
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 导航标题： </label>
                    <div class="col-sm-9">
                        <input type="text" name="title" id="title"  value=""  class="col-xs-10 col-sm-5 validate[required]"/>
                        <span class="help-inline col-xs-12 col-sm-7">
                            <span class="middle" id="resone"></span>
                        </span>
                    </div>
                </div>
                <div class="space-4"></div>

                <div class="form-group">
                    <label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 控制器/方法： </label>
                    <div class="col-sm-9">
                        <input type="text" name="name" id="name"  value=""  class="col-xs-10 col-sm-5 validate[required]"/>
                        <span class="help-inline col-xs-12 col-sm-7">
                            <span class="middle" id="restwo"></span>
                        </span>
                    </div>
                </div>
                <div class="space-4"></div>

                <div class="form-group">
                    <label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 样式名称： </label>
                    <div class="col-sm-9">
                        <input type="text" name="css" id="css"  value="" class="col-xs-10 col-sm-5" />
                        <span class="help-inline col-xs-12 col-sm-7">
                            <span class="middle">只针对顶级栏目有效</span>
                        </span>
                    </div>
                    <span class="col-sm-3"></span><span class="col-sm-9" style="font-size:12px; color:#999; margin:5px 0 0 310px;">预留样式：fa-tachometer ， fa-folder ， fa-list ， fa-list-alt ， fa-calendar</span>
                </div>
                <div class="space-4"></div>

                <div class="form-group">
                    <label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 是否开启： </label>
                    <div class="col-sm-9" style="padding-top:5px;">
                        <input name="status" value="1" class="ace ace-switch ace-switch-5" type="checkbox" />
                        <span class="lbl"></span>
                    </div>
                </div>
                <div class="space-4"></div>
                <div class="form-group">
                    <label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 权限不检测： </label>
                    <div class="col-sm-9" style="padding-top:5px;">
                        <input name="notcheck" value="1" class="ace ace-switch ace-switch-5" type="checkbox" />
                        <span class="lbl"></span>
                    </div>
                </div>
                <div class="space-4"></div>
                <div class="form-group">
                    <label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 排序（从小到大）： </label>
                    <div class="col-sm-9">
                        <input type="text" name="sort" id="sort"  value="50" class="col-xs-10 col-sm-1" />
                    </div>
                </div>
                <div class="space-4"></div>
                <div class="clearfix form-actions">
                    <div class="col-md-offset-3 col-md-9">
                        <button class="btn btn-info" type="submit">
                            <i class="ace-icon fa fa-check bigger-110"></i>
                            保存
                        </button>
                        &nbsp; &nbsp; &nbsp;
                        <button class="btn" type="reset">
                            <i class="ace-icon fa fa-undo bigger-110"></i>
                            重置
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div><!-- /.page-content -->
{/block}
{block name="scripts"}
<script type="text/javascript">
    $('.form-horizontal').validationEngine('attach',{
        promptPosition: 'bottomLeft',
        addPromptClass: 'formError-white',
        showOneMessage: true
    }); 
</script>
{/block}